<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订购</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/order.css">
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <p class="left">您好，吴彦祖<a href="javascript:void(0)" id="dropOut">退出</a></p>
        <ul class="right">
            <li><a href="user.html">个人中心</a></li>
            <li><a href="order.html">我的订单</a></li>
            <li><a href="">客服中心</a></li>
            <li><a href="shop_list.html">网站导航▼</a></li>
            <li><a class="app" href="">下载手机APP&gt;</a></li>
        </ul>
    </div>
</div>
<div class="header container clearfix">
    <a class="logo" href="index.html">
        <img src="images/logo.png" alt="">
    </a>
    <div class="search clearfix">
        <div><input type="text" placeholder="请输入要搜索的商品...."><button>搜索商品</button></div>
        <div class="bar"><span>热门搜索：</span><a href="shop_list.html">高清行车记录器</a><a href="shop_list.html">迷你行车记录器</a><a href="shop_list.html">夜视行车记录器</a></div>
    </div>
    <a class="trolley" href="shop_cart.html">我的购物车</a>
</div>
<div class="nav container clearfix">
    <div class="sort clearfix">
        <span class="pro_icon">所有商品分类</span>
        <i class="iconfont icon-gengduo"></i>
        <ul class="nav-list">
            <li><a class="clearfix" href="shop_list.html"><p>高清行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>迷你行车记录器</p><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>夜视行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>广角行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>双镜头行车记录器</p><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>眼镜式多功能行车记录器</p><span>500万像素</span></a></li>
        </ul>
    </div>
    <ul class="menu">
        <li><a href="index.html">首页</a></li>
        <li><a href="">限时抢购</a></li>
        <li><a href="">每日特价</a></li>
        <li><a href="">每周团购</a></li>
        <li><a href="">在线咨询</a></li>
    </ul>
    <p>
        咨询热线：<span>400-6501316</span>
    </p>
</div>
<div class="content container clearfix">
    <div class="left-list">
        <h3>会员中心</h3>
        <ul class="list">
            <li class="item clearfix">
                <a href="user.html"><span class="iconfont icon-jiahao"></span><p>个人资料</p></a>
            </li>
            <li class="item clearfix">
                <a href="address.html"><span class="iconfont icon-jiahao"></span><p>收货地址</p></a>
            </li>
            <li class="item clearfix">
                <a href="shop_cart.html"><span class="iconfont icon-jiahao"></span><p>购物车</p></a>
            </li>
            <li class="item clearfix"><span class="iconfont icon-jiahao"></span><p>订单管理</p></li>
            <ul class="sub-list">
                <li class="sub-item"><a href="order.html"><span>●</span>全部订单</a></li>
                <li class="sub-item"><a href=""><span>●</span>待付款订单</a></li>
                <li class="sub-item"><a href=""><span>●</span>待收货订单</a></li>
                <li class="sub-item"><a href="comments.html" class="on"><span>●</span>待评价订单</a></li>
                <li class="sub-item"><a href="order_details.html"><span>●</span>已完成</a></li>
            </ul>
            <li class="item clearfix">
                <a href="comments.html"><span class="iconfont icon-jiahao"></span><p>评价管理</p></a>
            </li>
        </ul>
    </div>
    <div class="right-panel">
        <h3>订单管理</h3>
        <div class="inquire">
            <div>
                <input type="text" placeholder="请输入订单号查询"><button type="button">查询</button>
            </div>
        </div>
        <table>
            <colgroup>
                <col width="35.69%">
                <col width="16%">
                <col width="6.09%">
                <col width="17.18%">
                <col width="9.09%">
                <col width="14.41%">
            </colgroup>
            <thead style="border: #cccccc 1px solid">
                <tr>
                    <th>商品</th>
                    <th>单价（元）</th>
                    <th>数量</th>
                    <th>实付款（元）</th>
                    <th>交易状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="6">
                        <dl class="item">
                            <dt>
                                <p class="order">订单号：10223589407631</p>
                                <a href="" class="del"></a>
                                <p class="time">时间：2017-9-25   16:54:32</p>
                            </dt>
                            <dd class="pic">
                                <img src="images/5a1jzl2ppay5yadjq7k86eapzeziop.jpg">
                            </dd>
                            <dd class="name">
                                <p>凌度智能行车记录仪双镜头高清夜视车载倒车影像一体机</p>
                                <p>规格：7寸大屏高清版</p>
                            </dd>
                            <dd class="price">
                                <p>409.00</p>
                                <p>309.00</p>
                            </dd>
                            <dd class="quantity">
                                <p>3</p>
                            </dd>
                            <dd class="fare">
                                <p>309.00</p>
                                <p>(含运费：<span>0.00</span>)</p>
                            </dd>
                            <dd class="status">
                                <p>待评价</p>
                            </dd>
                            <dd class="details">
                                <p><a href="comments.html">去评价</a></p>
                                <p><a href="">申请售后</a></p>
                                <p><a href="">订单详情</a></p>
                            </dd>
                        </dl>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        <dl class="item">
                            <dt>
                            <p class="order">订单号：10223589407631</p>
                            <a href="" class="del"></a>
                            <p class="time">时间：2017-9-25   16:54:32</p>
                            </dt>
                            <dd class="pic">
                                <img src="images/5a1jzl2ppay5yadjq7k86eapzeziop.jpg">
                            </dd>
                            <dd class="name">
                                <p>凌度智能行车记录仪双镜头高清夜视车载倒车影像一体机</p>
                                <p>规格：7寸大屏高清版</p>
                            </dd>
                            <dd class="price">
                                <p>409.00</p>
                                <p>309.00</p>
                            </dd>
                            <dd class="quantity">
                                <p>1</p>
                            </dd>
                            <dd class="fare">
                                <p>309.00</p>
                                <p>(含运费：<span>0.00</span>)</p>
                            </dd>
                            <dd class="status">
                                <p>待评价</p>
                            </dd>
                            <dd class="details">
                                <p><a href="comments.html">去评价</a></p>
                                <p><a href="">申请售后</a></p>
                                <p><a href="">订单详情</a></p>
                            </dd>
                        </dl>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        <dl class="item">
                            <dt>
                            <p class="order">订单号：10223589407631</p>
                            <a href="" class="del"></a>
                            <p class="time">时间：2017-9-25   16:54:32</p>
                            </dt>
                            <dd class="pic">
                                <img src="images/5a1jzl2ppay5yadjq7k86eapzeziop.jpg">
                            </dd>
                            <dd class="name">
                                <p>凌度智能行车记录仪双镜头高清夜视车载倒车影像一体机</p>
                                <p>规格：7寸大屏高清版</p>
                            </dd>
                            <dd class="price">
                                <p>409.00</p>
                                <p>309.00</p>
                            </dd>
                            <dd class="quantity">
                                <p>1</p>
                            </dd>
                            <dd class="fare">
                                <p>309.00</p>
                                <p>(含运费：<span>0.00</span>)</p>
                            </dd>
                            <dd class="status">
                                <p>待评价</p>
                            </dd>
                            <dd class="details">
                                <p><a href="comments.html">去评价</a></p>
                                <p><a href="">申请售后</a></p>
                                <p><a href="">订单详情</a></p>
                            </dd>
                        </dl>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="pagination clearfix">
            <a href="" class="prev">首页</a>
            <ul class="clearfix">
                <li><a href="javascript:void(0)" class="on">1</a></li>
                <li><a href="javascript:void(0)">2</a></li>
            </ul>
            <a href="" class="next">末页</a>
            <span>跳转到：</span>
            <input type="text" value="2">
            <span>页</span>
            <a href="" class="go">确定</a>
        </div>
    </div>
</div>
<ul class="promises container">
    <li><i class="shield"></i><span>7</span><div><p class="unique">天</p><p>退货保障</p></div></li>
    <li><i class="people"></i><span>15</span><div><p class="unique">天</p><p>换货承诺</p></div></li>
    <li><i class="car"></i><span>500</span><div><p class="unique">元起</p><p>全场包邮</p></div></li>
    <li><i class="wrench"></i><span>420</span><div><p class="unique">余家</p><p>售后服务站点</p></div></li>
</ul>
<div class="footer">
    <div class="container clearfix">
        <div class="service clearfix">
            <ul>
                <li>帮助中心</li>
                <li><a href="">购物指南</a></li>
                <li><a href="">新用户注册</a></li>
                <li><a href="">换货流程</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li>支付中心</li>
                <li><a href="">在线支付</a></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="">售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <ul class="unique">
                <li>常见问题</li>
                <li><a href="">订单无法确认？</a></li>
                <li><a href="">支付失败</a></li>
                <li><a href="">订单错误</a></li>
            </ul>
        </div>
        <div class="QRcode">
            <img src="images/QRcode.jpg" alt="">
            <p>达墨商城官方微信</p>
        </div>
        <p class="copy">&copy;COPYRIGHT&nbsp;&nbsp;达墨商城版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证：JY1223563467431</p>
    </div>
</div>
<script type="text/javascript" src="lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="lib/storages-1.2.3.js"></script>
<script type="text/javascript" src="js/_public.js"></script>
<script type="text/javascript" src="js/order.js"></script>
</body>
</html>